<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <style type="text/css">
        body, html, #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }
    </style>
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=F19q5OcuWjjkMN55MFhqBU1h3GFfW0S3"></script>
    <title>折线上添加方向箭头</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">


    var dd =
            
"1,113.327827334,23.134173539668|"
+"2,113.32868853198,23.134174377966|"
+"3,113.32913672194,23.133766765726|"
+"4,113.32914083702,23.133039828544|"
+"5,113.32860795399,23.13265662426|"
+"6,113.327881477,23.132649161158|"
+"7,113.32737551211,23.133158713002|"
+"8,113.32739336387,23.133782887491|"

    var gg = dd.split("|");
    var createPointMarker = function () {
        var pointArray = [];
        for (var i = 0; i < gg.length; i++) {

            var long = gg[i].split(",")[1];
            var lat = gg[i].split(",")[2];

            if (long && lat) {
                var p = new BMap.Point(long, lat);
                pointArray.push(p);
            }
        }
        return pointArray;
    }


    var createPointArray = function () {
        var gg = dd.split("|");
        var pointArray = [];
        for (var i = 0; i < gg.length; i++) {

            var long = gg[i].split(",")[1];
            var lat = gg[i].split(",")[2];

            if (long && lat) {
                var p = new BMap.Point(long, lat);
                pointArray.push(p);
            }
        }
        return pointArray;
    }


    var begin = function () {
        // 百度地图API功能
        var poiArray = createPointArray();

        var map = new BMap.Map("allmap");    // 创建Map实例
//        var center = new BMap.Point(116.7819977000, 23.6144009000);
        var center = poiArray[0];
        map.centerAndZoom(center, 16);  // 初始化地图,设置中心点坐标和地图级别
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放


        var sy = new BMap.Symbol(BMap_Symbol_SHAPE_BACKWARD_OPEN_ARROW, {
            scale: 0.5,//图标缩放大小
            strokeColor: '#fff',//设置矢量图标的线填充颜色
            strokeWeight: '2',//设置线宽
        });
        var icons = new BMap.IconSequence(sy, '10', '30');
        // 创建polyline对象
        var polyline = new BMap.Polyline(poiArray, {
            enableEditing: false,//是否启用线编辑，默认为false
            enableClicking: true,//是否响应点击事件，默认为true
            icons: [icons],
            strokeWeight: '8',//折线的宽度，以像素为单位
            strokeOpacity: 0.8,//折线的透明度，取值范围0 - 1
            strokeColor: "#18a45b" //折线颜色
        });

        map.addOverlay(polyline);          //增加折线


        gg.map(function (value, index) {
            var t = value.split(",")[0];
            var long = value.split(",")[1];
            var lat = value.split(",")[2];

            if (long && lat) {
                var p = new BMap.Point(long, lat);
                var marker2 = new BMap.Marker(p, {title: t});  // 创建标注
                map.addOverlay(marker2);
            }


        });


    }


    begin();
</script>